<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
	<header class="main-header" th:fragment="main-header(usm)">
		<a th:href="@{/console}" class="logo"> <span class="logo-mini"><b> [[${usm.shortname}]] </b></span> <span
			class="logo-lg"><b> [[${usm.fullname}]] </b></span>
		</a>
		<nav class="navbar navbar-static-top" role="navigation">
			<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle
					navigation</span>
			</a>
			<div class="navbar-custom-menu">
				<ul class="nav navbar-nav">
					<li><a th:href="@{/index}" title="主页"><i
								class="fa fa-home"></i></a></li>
					<li><a th:href="@{/swagger-ui.html}" title="接口文档"><i
								class="fa fa-book"></i><span class="label label-success" th:text="${usm.apiCount}">3</span></a></li>
				 
					<li class="dropdown tasks-menu"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
							class="fa fa-flag-o"></i> <span class="label label-danger">9</span>
					</a>
						<ul class="dropdown-menu">
							<li class="header">You have 9 tasks</li>
							<li>
								<ul class="menu">
									<li>
										<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
											<h3>
												/menus <small class="pull-right">2018-08-09 15:00:11</small>
											</h3>
											<div class="progress xs">
												<div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar" aria-valuenow="300"
													aria-valuemin="0" aria-valuemax="10000">
													<span class="sr-only">200% Complete</span>
												</div>
											</div>
									</a>
									</li>
									<li>
										<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
											<h3>
												/menus <small class="pull-right">2018-08-09 15:00:11</small>
											</h3>
											<div class="progress xs">
												<div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar" aria-valuenow="300"
													aria-valuemin="0" aria-valuemax="10000">
													<span class="sr-only">200% Complete</span>
												</div>
											</div>
									</a>
									</li>
									<li>
										<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
											<h3>
												/menus <small class="pull-right">2018-08-09 15:00:11</small>
											</h3>
											<div class="progress xs">
												<div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar" aria-valuenow="300"
													aria-valuemin="0" aria-valuemax="10000">
													<span class="sr-only">200% Complete</span>
												</div>
											</div>
									</a>
									</li>
									<li>
										<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
											<h3>
												/menus <small class="pull-right">2018-08-09 15:00:11</small>
											</h3>
											<div class="progress xs">
												<div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar" aria-valuenow="300"
													aria-valuemin="0" aria-valuemax="10000">
													<span class="sr-only">2000% Complete</span>
												</div>
											</div>
									</a>
									</li>
									<li>
										<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
											<h3>
												/menus <small class="pull-right">2018-08-09 15:00:11</small>
											</h3>
											<div class="progress xs">
												<div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar" aria-valuenow="300"
													aria-valuemin="0" aria-valuemax="10000">
													<span class="sr-only">2000% Complete</span>
												</div>
											</div>
									</a>
									</li>
									<li>
										<!-- Task item --> <a href="#"> <!-- Task title and progress text -->
											<h3>
												/menus <small class="pull-right">2018-08-09 15:00:11</small>
											</h3>
											<div class="progress xs">
												<div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar" aria-valuenow="300"
													aria-valuemin="0" aria-valuemax="10000">
													<span class="sr-only">2000% Complete</span>
												</div>
											</div>
									</a>
									</li>
									<!-- end task item -->
								</ul>
							</li>
							<li class="footer"><a href="#">View all tasks</a></li>
						</ul></li>
					<li class="dropdown user user-menu">
						<!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <!-- The user image in the navbar-->
							<img src="img/user2-160x160.jpg" class="user-image" alt="User Image"> <span class="hidden-xs">[[${#httpServletRequest.remoteUser}]]</span>
					</a>
						<ul class="dropdown-menu">
							<!-- The user image in the menu -->
							<li class="user-header"><img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">
								<p>
									[[${#httpServletRequest.remoteUser}]] <small>Member since Nov. 2012</small>
								</p></li>
							<li class="user-body">
								<div class="row">
									<div class="col-xs-4 text-center">
										<a href="#">Followers</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Sales</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Friends</a>
									</div>
								</div> <!-- /.row -->
							</li>
							<!-- Menu Footer-->
							<li class="user-footer">
								<div class="pull-left">
									<a href="#" class="btn btn-default btn-flat">Profile</a>
								</div>
								<div class="pull-right">
									<a href="javascript:document.getElementById('logout').submit()" class="btn btn-default btn-flat">Sign out</a>
									<form id="logout" style="display: none" th:action="@{/logout}" method="post" />
								</div>
							</li>
						</ul>
					</li>
					<!-- Control Sidebar Toggle Button -->
					<li><a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a></li>
				</ul>
			</div>
		</nav>
	</header>

</body>
</html>